<template>
  <tm-sheet :margin="[32, 0, 32, 32]">
    <tm-text label="border-color" :font-size="20" unit="px" />
    <tm-divider />
    <view class="uno-center uno-flex-col uno-flex-gap-y-15px">
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-transparent uno-border-solid uno-border-4px">
        <tm-text label="border-transparent border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-gray-500 uno-border-solid uno-border-4px">
        <tm-text label="border-gray-500 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-red-500 uno-border-solid uno-border-4px">
        <tm-text label="border-red-500 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-yellow-500 uno-border-solid uno-border-4px">
        <tm-text label="border-yellow-500 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-blue-500 uno-border-solid uno-border-4px">
        <tm-text label="border-blue-500 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-green-500 uno-border-solid uno-border-4px">
        <tm-text label="border-green-500 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-gray-500_20 uno-border-solid uno-border-4px">
        <tm-text label="border-gray-500_20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-gray-500/20 uno-border-solid uno-border-4px">
        <tm-text label="border-gray-500/20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-gray-500:20 uno-border-solid uno-border-4px">
        <tm-text label="border-gray-500:20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-red-500_20 uno-border-solid uno-border-4px">
        <tm-text label="border-red-500_20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-red-500/20 uno-border-solid uno-border-4px">
        <tm-text label="border-red-500/20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-red-500:20 uno-border-solid uno-border-4px">
        <tm-text label="border-red-500:20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-yellow-500_20 uno-border-solid uno-border-4px">
        <tm-text label="border-yellow-500_20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-yellow-500/20 uno-border-solid uno-border-4px">
        <tm-text label="border-yellow-500/20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-yellow-500:20 uno-border-solid uno-border-4px">
        <tm-text label="border-yellow-500:20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-blue-500_20 uno-border-solid uno-border-4px">
        <tm-text label="border-blue-500_20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-blue-500/20 uno-border-solid uno-border-4px">
        <tm-text label="border-blue-500/20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-blue-500:20 uno-border-solid uno-border-4px">
        <tm-text label="border-blue-500:20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-green-500_20 uno-border-solid uno-border-4px">
        <tm-text label="border-green-500_20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-green-500/20 uno-border-solid uno-border-4px">
        <tm-text label="border-green-500/20 border-4" />
      </view>
      <view class="uno-w-full uno-h-80px uno-bg-blue-300_75 uno-center uno-border-green-500:20 uno-border-solid uno-border-4px">
        <tm-text label="border-green-500:20 border-4" />
      </view>
    </view>
  </tm-sheet>
</template>
